<template>
  <!-- 添加  搜所 -->
  <div class="app-container">
    <!-- 表 -->
    <el-table :data="list">
      <el-table-column label="库存ID" prop="inventoryId" align="center" />
      <el-table-column label="药品ID" prop="hmrId" align="center" />
      <el-table-column
        label="诊所ID"
        prop="companyId"
        align="center"
      />
      <el-table-column label="库存数量" prop="inventoryNum" align="center" />
      <el-table-column
        label="单位"
        prop="inventoryUnit"
        align="center"
      />
      <el-table-column
        label="批发价"
        prop="inventoryTradePrice"
        align="center"
      />
      <el-table-column
        label="处方价"
        prop="inventoryPrescriptionPrice"
        align="center"
      />
      <el-table-column label="批发额" prop="inventoryTradeTotalAmount" align="center" />
      <el-table-column
        label="处方额"
        prop="inventoryPrescriptionTotalAmount"
        align="center"
      />

      <el-table-column
        prop="earlyWarning"
        label="系统预警"
        show-overflow-tooltip
        align="center"
      />

        <el-table-column
        prop="updateTime"
        label="更新时间"
        show-overflow-tooltip
        align="center"
      />


    </el-table>

    <!-- 分页栏 -->
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="[8, 10, 25, 50]"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total"
    >
    </el-pagination>
  </div>
</template>


<script>
import { dzmHisInventory_select } from "@/api/api_g";

export default {
  data() {
    return {
      // 分页后的当前页数据
      list: [],
      //当前数据页的第几页
      currentPage: 1,
      // 总数据条数xx
      total: 0,
      // 每页显示多少行数据,默认为10条
      pagesize: 8,
      // 代表是从后端获取的所有数据
      ticket: [],
      // 控制编辑排版信息对话框
      open: false,

      monitorForm: {},

      // 表单参数
      temp: "",

      // 重置 添加表单
      resetTemp() {
        this.temp = {};
      },

      temp: {},
      dialogFormVisible: false, //新增修改弹出框
      dialogStatus: "", //弹出框 显示隐藏控制
      textMap: {
        create: "新增",
      },
    };
  },
  mounted() {
    this.getDoctors();
  },
  methods: {
    /** 查询 */
    getDoctors() {
      //this.listLoading = true;
      dzmHisInventory_select().then((response) => {
        // console.log(response.data[0]);
        if (response.code === 200) {
          this.ticket = response.data;
          //获取返回数据的总行数
          this.total = response.data.length;
          // 获取当前页的数据,此方法在下方定义
          this.getDoctorInfo();
          this.$message({
            message: "数据加载成功",
            type: "success",
          });
        } else {
          // 失败提示信息
          this.$$message({
            message: "数据加载错误",
            type: "error",
          });
        }
      });
    },
    // 此方法用来获取当前页的数据
    getDoctorInfo() {
      // 清空表格的list 数据
      this.list = [];
      // 获取当前页的数据
      for (
        let i = (this.currentPage - 1) * this.pagesize;
        i < this.total;
        i++
      ) {
        // 将便利的数据添加到 list 里面
        this.list.push(this.ticket[i]);
        // 判断是否达到每一页的要求
        if (this.list.length === this.pagesize) break;
      }
    },

    // 分页时修改每页的行数,这里会自动传入一个size
    handleSizeChange(size) {
      // 修改当前每页的数据行数
      this.pagesize = size;
      // 数据重新分页
      this.getDoctorInfo();
    },
    // 调整当前的页码
    handleCurrentChange(pageNumber) {
      // 修改当前的页码
      this.currentPage = pageNumber;
      //数据重新分页
      this.getDoctorInfo();
    },

    //========================================
  },
};
</script>
